<template>
  <div id="app">
    <!-- 头部 -->
    <Header></Header>
    <!-- 主体 -->
    <router-view></router-view>
    <!-- 底部 -->
    <Footer v-if="$route.meta.showFooter"></Footer>
  </div>
</template>
<script>
  import Header from '@/components/Header/index'
  import Footer from '@/components/Footer/index'

  export default {
    name:'App',
    // 注册组件
    components:{
      Header,
      Footer
    },
    mounted() {
      //派发一个action||获取商品分类的三级列表的数据
      this.$store.dispatch("categoryList")
    },
  }
</script>

<style scope lang='less'>
a:hover{
  cursor:hand
}
</style>
